<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Submit Video</title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon"  href="static/assets/images/logo-header-05.png"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="static/assets/css/libs/bootstrap/bootstrap.min.css">

    <link rel="stylesheet" type="text/css" href="static/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" type="text/css" href="static/assets/fonts/ionicons-2.0.1/css/ionicons.min.css">

    <link rel="stylesheet" type="text/css" href="static/assets/css/libs/slick/slick.css">

    <link rel="stylesheet" type="text/css" href="static/assets/css/libs/magnific-popup/magnific-popup.css">

    <link rel="stylesheet" type="text/css" href="static/assets/style.css">

</head>
<body class="responsive home-2">
<div id="wrapper-container">

    <header class="site-header sticky-header layout-2" th:replace="search/header::header">

    </header>


    <nav class="mobile-menu-container mobile-effect">
        <ul class="nav navbar-nav">

            <li class="menu-item-has-children">
                <a href="list-videos.html">
                    Videos
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="submit-video.html">
                            Submit Video
                        </a>
                    </li>
                </ul>
            </li>


        </ul>
        <div class="widget-area">
            <aside class="widget widget_nav_menu">
                <div class="menu-useful-links-container">
                    <ul class="menu">
                        <li class="menu-item">
                            <a href="about.html">CLIENTS</a>
                        </li>
                        <li class="menu-item menu-item-has-children">
                            <a href="javascript:;">SERVICES</a>
                            <ul class="sub-menu">
                                <li class="menu-item">
                                    <a href="contact.html">
                                        Menu item
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="contact.html">
                                        Menu item
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-item">
                            <a href="contact.html">CONTACT US</a>
                        </li>
                    </ul>
                </div>
            </aside>
            <aside class="widget widget_text">
                <div class="textwidget">
                    <div class="copyright-text">
                        Copyright 2018 Corporate WordPress Theme by ThimPress. <a href="javascript:;">ThimPress</a>
                    </div>
                </div>
            </aside>
        </div>
    </nav>

    <div id="main-content">
        <div class="content-area">
            <div class="page-title">
                <div class="main-top" style="background-image: url(static/assets/images/bg-page-title-01.jpg);">
                    <div class="overlay-top-header"></div>
                    <div class="content container">
                        <h1>
                            Submit Video
                        </h1>
                        <div class="wrap-breadcrumb">
                            <ul class="breadcrumbs">
                                <li>
                                    <a href="javascript:;">
                                        Home
                                    </a>
                                </li>
                                <li>
                                    <span class="breadcrum-icon">/</span>
                                    Submit Video
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-content layout-1">
                <div class="container">
                    <div class="row">
                        <main class="site-main col-12">
                            <div class="wrap-main-content">

                                <div class="thim-form_submit-page">
                                    <div class="row justify-content-center">
                                        <div class="col-xl-10">

                                            <div class="bp-element bp-element-heading align-center">
                                                <h3 class="title">
                                                    ADD NEW VIDEO
                                                </h3>
                                                <div class="description">
                                                    This is just a demo, so we will limit the size of the file uploaded
                                                    to the server ( max file size: 2 megabytes ).
                                                </div>
                                                <div class="content">
                                                    You can change these values when configuring.
                                                </div>
                                            </div>

                                            <div class="divline_submit-page"></div>

                                            <form class="submit-video-form validate-form">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="item-input">
<span class="input-title">
FIRST NAME *
</span>
                                                            <label class="input-field require">
                                                                <input type="text">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="item-input">
<span class="input-title">
LAST NAME *
</span>
                                                            <label class="input-field require">
                                                                <input type="text">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="item-input">
<span class="input-title">
YOUR EMAIL *
</span>
                                                            <label class="input-field require">
                                                                <input type="text">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="item-input">
<span class="input-title">
POST TITLE *
</span>
                                                            <label class="input-field require">
                                                                <input type="text">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="divline-form"></div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
POST CONTENT
</span>
                                                            <label class="input-field">
                                                                <textarea></textarea>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
VIDEO URL (OR EMBED)
</span>
                                                            <label class="input-field require">
                                                                <textarea></textarea>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="item-input input-choose-file">
<span class="input-title">
FEATURED IMAGE
</span>
                                                            <label class="input-field">
                                                                Choose File
                                                                <input type="file" name="file">
                                                            </label>
                                                            <span class="input-file-value">
No file chosen
</span>
                                                        </div>
                                                    </div>
                                                    <div class="divline-form"></div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
VIDEO CATEGORIES
</span>
                                                            <label class="input-field">
                                                                <input type="text"
                                                                       placeholder="Select from existing categories">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
VIDEO TAGS
</span>
                                                            <label class="input-field">
                                                                <input type="text"
                                                                       placeholder="Select from existing tags">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
CHANNELS
</span>
                                                            <label class="input-field">
                                                                <input type="text"
                                                                       placeholder="Select from existing channels">
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="item-input">
<span class="input-title">
PLAYLISTS
</span>
                                                            <label class="input-field">
                                                                <input type="text"
                                                                       placeholder="Select from existing playlists">
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <button class="btn-submit btn-large shape-round">
                                                    submit video
                                                </button>
                                            </form>

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </main>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="site-footer layout-1" th:replace="search/footer::footer">

    </footer>
    <div id="thim-preloading">
        <div class="custom-image">
            <img src="static/assets/images/wave.gif" alt="Loading">
        </div>
    </div>
</div>

<script src="static/assets/js/libs/jquery/jquery.js"></script>

<script src="static/assets/js/libs/bootstrap/popper.js"></script>
<script src="static/assets/js/libs/bootstrap/bootstrap.min.js"></script>

<script src="static/assets/js/libs/magnific-popup/jquery.magnific-popup.min.js"></script>

<script src="static/assets/js/libs/slick/slick.min.js"></script>

<script src="static/assets/js/libs/isotope/isotope.pkgd.min.js"></script>

<script src="static/assets/js/libs/select2/select2.min.js"></script>

<script src="static/assets/js/thim-custom.js"></script>
<div id="back-to-top" class="btn-back-to-top">
    <i class="ion ion-ios-arrow-thin-up"></i>
</div>
</body>
</html>